<!--常见的CSS三种导入方式
    内联样式  在标签中的style直接定义
    内部样式表 在head标签中定义
    外部样式表 单独放CSS文件中 链接
    优先级:内联样式>内部表样式>外部表样式-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS导入方式</title>

    <link rel="stylesheet" href="./css/style.css">
    <style>
        p{
            color:blue;
            font-size: 36px;
        }
    </style>

    <style>
        h3{
            color:yellow;
        }
    </style>

</head>
<body>
    <p>
        这是一个应用了CSS样式的文本
    </p>
    <h2 style="color:red;">这是一个二级标题标签,使用内联样式</h2>
    <h3>这是一个三级标题标签,使用内部样式</h3>
    <h4>这是一个四级标题标签，使用外部样式</h4>
</body>
</html>